<!DOCTYPE html>
<html lang="cn">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>Document</title>
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" href="../css/01/03.css">
		<script src="../js/jquery-2.2.4.min.js"></script>
		<script src="../js/template-native.js"></script>
	</head>

	<body>
		<div class="c-content">
			<!--********************************* top model*********************************** -->
			<div class="top-model" id="top-model">
				<div>
						<div class="system">
							<a class="goback-sys bg-color-bg">
								<img src="../img/system/change.png" alt="">  
							</a>
							<a class="gonext-sys bg-color-bg">
								<img src="../img/system/setting.png" alt="">  
							</a>
							<div class="truemodel">
								<div class="truelists">选择模板</div>
								<div class="changekh">修改口号</div>
							</div>
						</div>
				<div class="top_title">
					<h1 class="topLeft"></h1>
					<p class="titlep"></p>
				</div>
				<div class="main">
					<ul class="main_left">
						<li onclick="changetogo(1)">
							<h3>
								 <i>班</i>
								 <i>组</i>
								 <i>简</i>
								 <i>介</i>
							 </h3>
							<textarea style="height: 133px;" id="textareaW" readonly></textarea>
							<div id="insterNEST">
									
							</div>
						</li>
						<li class="edit_dream" onclick="changetogo(6)">
							<h3>
								 <i>班</i>
								 <i>组</i>
								 <i>愿</i>
								 <i>景</i>
							 </h3>
							<textarea id="classhope" readonly></textarea>
							<!-- <h5>编辑时间：2018-11-19</h5> -->
						</li>
					</ul>
					<ul class="main_right">
						<li onclick="changetogo(4)">
							<h3>
								 <i>班</i>
								 <i>组</i>
								 <i>成</i>
								 <i>员</i>
							 </h3>
							<div class="leader">
								
							</div>
							<div class="member">
								<div>
									
								</div>
							</div>
						</li>
						<li>
							<h3>
								 <i>班</i>
								 <i>务</i>
								 <i>公</i>
								 <i>开</i>
							 </h3>
							<ul class="ul_nav">
								<li class="active">月度工作任务</li>
								<li>考勤表</li>
								<li>值班表</li>
							</ul>
							<div class='ul_time'>
								<i>月度工作任务</i>
								<!-- <p>
									<img src="../img/03/r.png" />
									 <i>2018</i>年
									 <i>12</i>月
									<img src="../img/03/l.png" />
								</p> -->
							</div>
							<ul class="ul_content">
								<li class="comonScroll" style="display: block;" id="charts">
	
								</li>
								<li class="comonScroll attendance" >
									<table id="morework">
										
									</table>
								</li>
								<li class="comonScroll duty">
									<table id="newtable">
											
									</table>
								</li>
							</ul>
	
						</li>
					</ul>
				</div>
			</div>
			<div class="mid-model">
				<div class="mid-left">
					<div>
						<div>
							<div class="classIntru"></div>
						</div>
						<div></div>
					</div>
				</div>
				<div>

				</div>
				<div class="mid-right">
					<!--*******************************title************************************-->
					<div></div>
					<div>
						<div class="tv-title">

						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 个性化弹窗 -->
		<div class="diago" style="display: none;">
				<div class="diado-content diago-active">
					<div class="diago-title bg-color-bg">
						<div class="diago-left">个性化设置</div>
						<div class="diago-close"></div>
					</div>
					<div class="model-content">
						<div class="model-list">
							<ul class="clearfix">
								<li class="active">
									<div class="modelDiv">
										<p>模板一</p>
										<span class="modelSpan"></span>
									</div>
								</li>
								<li>
									<div class="modelDiv">
										<p>模板二</p>
										<span class="modelSpan"></span>
									</div>
								</li>
								<li>
									<div class="modelDiv">
										<p>模板三</p>
										<span class="modelSpan"></span>
									</div>
								</li>
								<li>
									<div class="modelDiv">
										<p>模板四</p>
										<span class="modelSpan"></span>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="diago-bottom">
						<div class="totrue">确定</div>
						<div class="cancel">取消</div>
					</div>
					<div class="choose">
	
					</div>
				</div>
			</div>
		<!--********************************* top templete*********************************** -->
		<!--<div class="edit">
			<button id="btn">111</button>
			<textarea id="index0">
	
			</textarea>
			<textarea class="a-c-c" id="a-c-c">
					设备维护部电气二次班组成立于2013年,是由电气保护、电测仪表、运动、高压
			</textarea> 
		</div>-->
		<div class="diagoT">
			 <div class="diago-content">
				<div class="diago-title bg-color-bg">
						<div class="diago-left">口号设置</div>
						<div class="diago-close" ></div>
				 </div>
				 <div class="cont-diago">
					<input type="text" id="cont-value">
				 </div>
				 <div class="diago-bottom">
					<div class="btn">确定</div>
					<div class="cancelbtn">取消</div>
				 </div>
			 </div>
		</div>
		<!--********************************* top templete*********************************** -->
		<script src="../js/echarts3.8.5_min.js"></script>
		<script src="../js/config.js"></script> 
		<script>
			//*******************************模拟数据***************************************//
			var topData = {
				'className': '电气二次班',
				'title01': "团结凝聚力",
				'title02': "创建迎来希望",
				'title03': "班组简介",
				'title04': "班组成员",
				'title05': "班组愿景",
				'title06': "风采剪影",
				'title07': "班组荣誉",
				'title08': "学习园地",
			}
			// var back = template('temp01', topData);
			// $("#top-model").html(back);
			//    $(".bgcolor").css('backgroundColor',localStorage.getItem('color'));
			$(".bgcolor").css('backgroundColor', '#0e0e4e');
			$('.ul_nav li').click(function() {
				var index = $(this).index()
				$('.ul_time i').eq(0).html($(this).html())
				$(this).addClass('active').siblings().removeClass('active')
				$('.ul_content li').eq(index).show().siblings().hide()
			})


			$("#btn").click(
				function(){
					var x = $("#index0").val();
					$('#a-c-c').html(x);
				}
			)

			$('.c-list').click(
				function(index){
					$('.c-list').removeClass('bg-color-bg');
					$('.c-list-node').removeClass('active');
					$('.c-list-node').eq($(this).index()).addClass('active');
					$(this).addClass('bg-color-bg');
				}
			)
			$(".gonext-sys").click(
				function(){
					if($(".truemodel").css("display")=="block"){
						$(".truemodel").css("display","none");
					}else{
						$(".truemodel").css("display","block");
					}
				}
			)
				$(".truelists").click(
					function(){
						debugger;
						$(".diago").css("display","block");
					}
				)
				// var numT = 0;
				$('.model-list ul li').click(function () {
					$(this).addClass('active').siblings().removeClass('active');
					numT = $(this).index();
				})

				var jpathurl = '?userId='+userId+"&bzId="+bzId;
				$(".totrue").click(
					function(){
						$(".diago").css("display","none");
						if(numT==0){
                debugger;
                location.href = "./index.html"+jpathurl
            }else if(numT==1){
                location.href = "./index2.html"+jpathurl
            }else if(numT==2){
                location.href = "./index3.html"+jpathurl
            }else if(numT==3){
                location.href = "./index4.html"+jpathurl
            }
					}
				)
					$(".goback-sys").click(
						function(){
							location.href = "./index2.html"+jpathurl
						}
					)
				$(".diago-close").click(
					function(){
						$(".diagoT").css("display","none");
						$(".diago").css("display","none");
						$(".truemodel").css("display","none");
					}
				)
				$(".cancel").click(
					function(){
						$(".diago").css("display","none");
						$(".truemodel").css("display","none");
					}
				)
				$(".changekh").click(
					function() {
						$(".diagoT").css("display","block");
						$("#cont-value").val($(".titlep").text());
						console.log($(".titlep").text())
					}
				)
				$(".btn").click(
					function(){
						kouhao();
						$(".diagoT").css("display","none");
					}
				)
				$(".cancelbtn").click(
					function(){
						$(".diagoT").css("display","none");
					}
				)
				//编辑口号
				function kouhao(){
					var summaryList = $("#cont-value").val();
					var SaveWallInfo = new FormData();
					var saveParams ={
						userId:userId,
						data:{
							bzId:bzId,
							slogan:summaryList,
							savetype:"slogan"
						} 
					}
					SaveWallInfo.append(
						'json',JSON.stringify(saveParams)
					)
					$.ajax(
						{
							url:baseUrl+'api/Culture/SaveWallInfo',
							data:SaveWallInfo,
							type:"POST",
							contentType:false,
							processData:false,
							success:function(data){
								console.log(data);
								location.href = "./index3.html"+jpathurl
								// location.href="./detail1.html?number=2"
							}
						}
					)
				}
				function changetogo(index){
					location.href = "./detail/detail3.html?number="+index+'&userId='+userId+"&bzId="+bzId;
				}
		</script>
		<script src="../js/main3.js">
		</script>
	</body>

</html>